<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>fontawsome官网案例</title>
    <link href="css/fontawesome.css" rel="stylesheet">
    <link href="css/solid.css" rel="stylesheet">
    <link href="css/brands.css" rel="stylesheet">
    <link href="css/regular.css" rel="stylesheet">

</head>
<body>
<i class="fas fa-user"></i> <!-- uses solid style -->
<i class="fab fa-github-square"></i> <!-- uses brand style -->
<!--没有这种图标样式-->
<i class="far fa-user"></i>
<!--<i class="fas fa-user"></i> &lt;!&ndash; uses solid style &ndash;&gt;
<i class="far fa-user"></i> &lt;!&ndash; uses regular style &ndash;&gt;
<i class="fal fa-user"></i> &lt;!&ndash; uses light style &ndash;&gt;
&lt;!&ndash;brand icon&ndash;&gt;
<i class="fab fa-github-square"></i> &lt;!&ndash; uses brands style &ndash;&gt;

<i class="far fa-user fa-flip-vertical" style="color: #20c997;"></i>-->


</body>
</html>